<!DOCTYPE html>
<html>

    <head>
        <!-- Title here -->
        <title>Careers</title>
        <!-- Description, Keywords and Author -->
        <meta name="description" content="Your description">
        <meta name="keywords" content="Your,Keywords">
        <meta name="author" content="ResponsiveWebInc">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">




        <!-- Styles -->
        <!-- Bootstrap CSS -->
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <!-- Animate CSS -->
        <link href="css/animate.min.css" rel="stylesheet">
        <!-- Slider Revolution CSS -->
        <link href="css/rs-settings.css" rel="stylesheet">
        <!--[if IE 8]>
        <link rel="stylesheet" href="css/rs-settings-ie8.css">
        <![endif]-->
        <!-- Countdown Watch -->
        <link href="css/jquery.countdown.css" rel="stylesheet">
        <!-- Portfolio CSS -->
        <link href="css/prettyPhoto.css" rel="stylesheet">
        <!-- Font awesome CSS -->
        <link href="css/font-awesome.min.css" rel="stylesheet">		
        <!-- Custom CSS -->
        <link href="css/style.css" rel="stylesheet">
        <!--[if IE]>
        <link rel="stylesheet" href="css/ie-style.css">
        <![endif]-->

        <!-- Favicon -->
        <link rel="shortcut icon" href="#">
    </head>

    <body>

        <!-- Header Bar Start -->
        <div class="header">
            <div class="container">
                <!-- Navigation Menu Start -->
                <div class="navigation">
                    <div class="row">
                        <!-- Navigation Menu Link Lists -->
                        
                       
                      <div class="col-md-3 col-sm-5 col-xs-7">
    <div class="menu">
        <span class="br-lblue"><i class="fa fa-desktop"></i> &nbsp; Menu Column</span>
        <div class="menu-list">
            <ul>
                <li><a href="aboutus.html"><i class="fa fa-user pink"></i> About Us</a></li>    
                <li><a href="portfolio.html"><i class="fa fa-camera green"></i>Our Team</a></li>
                <li><a href="support.html"><i class="fa fa-envelope orange"></i> Support</a></li>
                <li><a href="contact.html"><i class="fa fa-phone orange"></i> Contact Us</a></li>
                    
            </ul>
        </div>
    </div>
</div>

<div class="col-md-3 col-sm-5 col-xs-7">
    <div class="menu">
        <span class="br-red"><i class="fa fa-desktop"></i> &nbsp; Menu Column</span>
        <div class="menu-list">
            <ul>
            <li><a href="pricing.html"><i class="fa fa-table red"></i>Internet Packages</a></li>
            <li><a href="products.html"><i class="fa fa-puzzle-piece pink"></i> Products</a></li>
            <li><a href="service.html"><i class="fa fa-gear red"></i> Service</a></li>
            <li><a href="testimonials.html"><i class="fa fa-group pink"></i> Testimonials</a></li>
            
            </ul>
        </div>
    </div>
</div>

<div class="col-md-3 col-sm-5 col-xs-7">
    <div class="menu">
        <span class="br-orange"><i class="fa fa-desktop"></i> &nbsp; Menu Column</span>
        <div class="menu-list">
            <ul>
                    <li><a href="faq.html"><i class="fa fa-question red"></i> FAQ</a></li>
                    <li><a href="login.html"><i class="fa fa-sign-in green"></i> Login / Register</a></li>
                    <li><a href="#"><i class="fa fa-comments-o blue"></i> Blog Page</a></li>
                    <li><a href="careers.html"><i class="fa fa-briefcase lblue"></i> Careers</a></li>
                
            </ul>
        </div>
    </div>
</div>

<div class="col-md-3 col-sm-5 col-xs-7">
    <div class="sform br-white">
        <span><i class="fa fa-envelope lblue"></i> Subscription</span>
        <div class="form">
            <form role="form" action="php/sub_tnx.php" method="POST">
                <div class="form-group">

                    <input type="text" name="name" class="form-control" placeholder="Enter your Name (required)" required>
                    <input type="email" name="email" class="form-control" placeholder="Enter your E-mail (required)" required>
                    <button type="submit" class="btn btn-info btn-sm">Subscribe</button>
                    <button type="reset" class="btn btn-default btn-sm">Reset</button>
                </div>
            </form>
        </div>
    </div>
</div>

                      
                    </div>
                </div>
            </div>
            <!-- Navigation menu end -->
        </div>
        <!-- Navigation Menu Button -->
        <div class="menu-btn">
            <a href="#">Menu <i class="fa fa-chevron-down"></i></a>
        </div>


        <!-- Head Start -->
        <div class="head inner-pages">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 col-sm-4">
                        <!-- Logo and Head Text -->
                        <div class="logo">
                            <!-- Logo Icon and Heading -->
                            <img src="" class="img-responsive" alt="" /><span><a href="index.html">Netzone</a></span>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4">
                        <!-- Social Icon Menu -->
                        <div class="social">
                            <a href="#" class="facebook"><i class="fa fa-facebook"></i></a>
                            <a href="#" class="twitter"><i class="fa fa-twitter"></i></a>
                            <a href="#" class="google-plus"><i class="fa fa-google-plus"></i></a>
                            <a href="#" class="linkedin"><i class="fa fa-linkedin"></i></a>
                        </div>
                    </div>
                    <div class="col-md-3 col-sm-4">
                        <div class="search">
                            <form>
                                <div class="input-group">
                                    <input type="text" class="form-control" placeholder="Text to search">
                                    <span class="input-group-btn">
                                        <button class="btn btn-danger" type="button"><i class="fa fa-search"></i></button>
                                    </span>
                                </div>
                            </form>
                        </div>
                    </div>
                    <div class="col-md-3 hidden-sm">
                    </div>
                </div>
            </div>
        </div>
        <!-- Menu Bar End -->


        <!-- Inner Page Heading -->
        <div class="inner-page careers">
            <div class="container">
                <h2><i class="fa fa-shield orange"></i><strong>Careers</strong> Join us today and send your CV!</h2>
                <div class="inner-tab">
                    <!-- Nab Bar Tan Menu list -->
                    <ul id="mytab" class="nav nav-tabs">
                        <li class="active"><a href="#one" data-toggle="tab">Network and Engineering</a></li>
                        <li><a href="#two" data-toggle="tab">Finance and Administration</a></li>
                        <li><a href="#three" data-toggle="tab">Sales and Marketing </a></li>
                        <li><a href="#four" data-toggle="tab">Others</a></li>
                    </ul>
                    <!-- Content for each menu item -->
                    <div class="tab-content">
                        <!-- First Content for Nav bar -->
                        <div class="tab-pane fade in active" id="one">



                            <?php
                        $mysqli = new mysqli('localhost', 'me77', 'taktaz', 'ntz') or die("Connetion error!");




                   
                        

                  ?>
<div class="panel-group" id="accordion">

                        <?php 
                        $query2 = "select count(id) from jobs where category='Network And Engineering' ";
                        $res = $mysqli->query($query2);
                        $row = $res->fetch_array();
                        $row = $row['count(id)'];



                         $query3 = "SELECT * FROM jobs where category='Network And Engineering'  ";
                        $res2 = $mysqli->query($query3);
                                    for ($i=0; $i < $row; $i++) { 
                                        $row2 = $res2->fetch_array();
                        ?>
  <div class="panel panel-default">
    <div class="panel-heading">
      <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapse<?php echo $i; ?>">
          <?php echo $row2['title']; ?>
        </a>
      </h4>
    </div>
    <div id="collapse<?php echo $i; ?>" class="panel-collapse collapse ">
      <div class="panel-body">
 <?php

                        echo '<table  class="table table-hover">';


                                        

                                    echo '<tr><th>Job Title: '.$row2['title'].'</th><td>&nbsp;</td></tr> <tr><th>Vacancies: '.$row2['quantity'].'</th><td>&nbsp;</td></tr> <tr><th>Description: <br/><p  class="job">'.$row2['description'].'</p></th><td>&nbsp;</td></tr><tr><th>Requirement: <br/>'.$row2['req'].'</th><td>&nbsp;</td></tr><tr><th>Deadline: '.$row2['deadline'].'</th><td>&nbsp;</td></tr>';

                                  echo '<tr><td colspan="2"><a href="#" data-toggle="modal" data-target="#myModal" class="btn btn-info btn-sm btn-block">Apply Now</a></td></tr>';
                                   

                                    echo '</table>';

                            ?>
                        
                            
                                                  </div>
    </div>
  </div>
  <?php } ?>
</div>


                        </div>

                        <!-- Second Content for Nav bar -->
                        <div class="tab-pane fade" id="two">
                          

                                            <?php 


                        $query2 = "select count(id) from jobs where category='Finace and management' ";
                        $res = $mysqli->query($query2);
                        $row = $res->fetch_array();
                        $row = $row['count(id)'];



                                                 $query3 = "SELECT * FROM jobs where category='Finace and management' ";
                        $res2 = $mysqli->query($query3);

                        echo '<table  class="table table-hover">';

                                    for ($i=0; $i < $row; $i++) { 
                                        $row2 = $res2->fetch_array();

                                        

                                    echo '<tr><th>Title: '.$row2['title'].'</th><td>&nbsp;  <tr><th>Vacancies: '.$row2['quantity'].'</th><td>&nbsp;</td></tr><tr><th>Description: <br/><p  class="job">'.$row2['description'].'</p></th><td>&nbsp;</td></tr><tr><th>Requirement: <br/>'.$row2['req'].'</th><td>&nbsp;</td></tr><tr><th>Deadline: '.$row2['deadline'].'</th><td>&nbsp;</td></tr>';

                                  echo '<tr><td colspan="2"><a href="#" data-toggle="modal" data-target="#myModal" class="btn btn-info btn-sm btn-block">Apply Now</a></td></tr>';
                                   }

                                    echo '</table>';

                            ?>

                        </div>

                        <!-- Third Content for Nav bar -->
                        <div class="tab-pane fade" id="three">
                           
                                            <?php 


                        $query2 = "select count(id) from jobs where category='sales' ";
                        $res = $mysqli->query($query2);
                        $row = $res->fetch_array();
                        $row = $row['count(id)'];



                                                 $query3 = "SELECT * FROM jobs where category='sales' ";
                        $res2 = $mysqli->query($query3);

                        echo '<table  class="table table-hover">';

                                    for ($i=0; $i < $row; $i++) { 
                                        $row2 = $res2->fetch_array();

                                        

                                    echo '<tr><th>Title: '.$row2['title'].'</th><td>&nbsp;<tr><th>Vacancies: '.$row2['quantity'].'</th><td>&nbsp;</td></tr><tr><th>Description: <br/><p  class="job">'.$row2['description'].'</p></th><td>&nbsp;</td></tr><tr><th>Requirement: <br/>'.$row2['req'].'</th><td>&nbsp;</td></tr><tr><th>Deadline: '.$row2['deadline'].'</th><td>&nbsp;</td></tr>';

                                  echo '<tr><td colspan="2"><a href="#" data-toggle="modal" data-target="#myModal" class="btn btn-info btn-sm btn-block">Apply Now</a></td></tr>';
                                   }

                                    echo '</table>';

                            ?>

                        </div>

                        <!-- Fourth Content for Nav bar -->
                        <div class="tab-pane fade" id="four">
                        <?php 


                        $query2 = "select count(id) from jobs where category='others' ";
                        $res = $mysqli->query($query2);
                        $row = $res->fetch_array();
                        $row = $row['count(id)'];



                        $query3 = "SELECT * FROM jobs where category='others' ";
                        $res2 = $mysqli->query($query3);

                        echo '<table  class="table table-hover">';

                                    for ($i=0; $i < $row; $i++) { 
                                        $row2 = $res2->fetch_array();

                                        

                                    echo '<tr><th>Title: '.$row2['title'].'</th><td>&nbsp;<tr><th>Vacancies: '.$row2['quantity'].'</th><td>&nbsp;</td></tr><tr><th>Description: <br/><p  class="job">'.$row2['description'].'</p></th><td>&nbsp;</td></tr><tr><th>Requirement: <br/>'.$row2['req'].'</th><td>&nbsp;</td></tr><tr><th>Deadline: '.$row2['deadline'].'</th><td>&nbsp;</td></tr>';

                                  echo '<tr><td colspan="2"><a href="#" data-toggle="modal" data-target="#myModal" class="btn btn-info btn-sm btn-block">Apply Now</a></td></tr>';
                                   }

                                    echo '</table>';

                            ?>
                           
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!--accorin Ends-->
        <!-- CTA Start -->


        <!-- CTA End -->



        <!-- Sponsor Start -->



        <!-- Sponsor End -->

        <!-- Scroll to top -->
        <span class="totop"><a href="#"><i class="fa fa-chevron-up"></i></a></span> 

        <!-- Footer Start -->
<div class="footer">
            
                    <div class="clearfix"></div>
                    <div style="padding-left:150px;" class="row">
                        <div class="col-md-3 col-sm-3">
                            <div class="footer-widget">
                                <h4><i class="fa fa-unlink"></i> &nbsp; Navigation</h4>
                                <ul>
                                    <li><a href="index.html"><i class="fa fa-home"></i> &nbsp; Home</a></li>
                                    <li><a href="service.html"><i class="fa fa-gear"></i> &nbsp; Service</a></li>
                                    <li><a href="feature.html"><i class="fa fa-laptop"></i> &nbsp; Feature</a></li>
                                    <li><a href="pricing.html"><i class="fa fa-table"></i> &nbsp; Pricing</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-4">
                            <div  class="footer-widget">
                                <h4><i class="fa fa-user"></i> &nbsp; About Us</h4>
                                <p>NETZONE LTD is a private investment for business company owned 100% by Afghan investors. NETZONE LTD is holding a valid business license from Afghanistan Investment Support Agency (AISA) and a National ISP & Telecom license by MCIT and ATRA.</p>
                                
                            </div>
                        </div>
                        
                        <div class="col-md-4 col-sm-5">
                            <div style="padding-right:0px;" class="footer-widget">
                                <h4><i class="fa fa-phone"></i> &nbsp; Netzone LTD.</h4>
                                
                                <p>House # 10, Pul-e-Surkh,<br />3rd Police Station Main Road <br />District 3, Kabul Afghanistan<p>
                                <p><span class="mute">E-mail</span> : <a href="mailto:sales@netzone.af?Subject=Request%20for%20Information">sales@netzone.af</a><br /> <span class="mute">Phone no.</span> : +93 799 888 201</p>

                            </div>
                        </div>
                        
                    </div>
                    <div class="copy">
                        <p>&copy; Copyright <a href="www.netzone.af">Netzone LTD All rights reserved by Netzone LTD</a></p>
                       

                        
                    </div>
                </div>
            </div>
        </div>
        <!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Please fill the form </h4>
      </div>
      <div class="modal-body">
         <div class="contact-form" >
                                    <h2>Contact Form</h2>
                                    <form class="form-horizontal" role="form"  method="POST" action="php/sendemail.php">
                                        <div class="form-group">
                                            <label for="Name" class="col-lg-2 control-label">Name</label>
                                            <div class="col-lg-10">
                                                <input type="text" class="form-control" name="name" placeholder=" required " id="name" required>
                                            </div>
                                        </div>
                                         
                                        <div class="form-group">
                                        <label for="Email" class="col-lg-2 control-label">Email</label>
                                            <div class="col-lg-10">
                                                <input type="email" class="form-control" name="email" placeholder=" required "  id="email" required>
                                            </div>
                                        </div>
                                        <div class="form-group">
                                            <label for="number" class="col-lg-2 control-label">Mobile </label>
                                            <div class="col-lg-10">
                                                <input type="number" class="form-control" name="number" placeholder=" required "  id="number" required>
                                            </div>
                                        </div>

                            
                                       <div class="control-group">
                                          <label class="control-label"></label>
                                            <div style="padding-left:100px;" class="controls">
                                                   <input  type="file" name="image" class=" span3  " required>

                                             </div><br>

                                      </div>

                                        <div class="form-group">
                                            <div class="col-lg-offset-2 col-lg-10">
                                                <button type="submit" name="submit" class="btn btn-info">Submit</button> &nbsp;
                                                <button type="reset" class="btn">Reset</button>
                                            </div>
                                        </div>
                                    </form>
                               
                                </div>


      </div>
      <div class="modal-footer">
        <a class="btn" data-dismiss="modal">Cancel</a>
        
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
        
        
		<!-- Footer End -->		

        <!-- Javascript files -->
        <!-- jQuery -->
        <script src="js/jquery.js"></script>
        <!-- Bootstrap JS -->
        <script src="js/bootstrap.min.js"></script>
        <!-- jQuery REVOLUTION Slider  -->
        <script type="text/javascript" src="js/jquery.themepunch.plugins.min.js"></script>
        <script type="text/javascript" src="js/jquery.themepunch.revolution.min.js"></script>
        <!-- jQuery way points -->
        <script src="js/waypoints.min.js"></script>
        <!-- Jquery for Countdown Watch -->
        <script type="text/javascript" src="js/jquery.countdown.min.js"></script>
        <!-- Portfolio JS -->
        <!-- Pretty Photo, Filter And Isotope JS -->
        <script type="text/javascript" src="js/filter.js"></script>
        <script type="text/javascript" src="js/isotope.js"></script>
        <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
        <!-- Respond JS for IE8 -->
        <script type="text/javascript" src="js/respond.min.js"></script>
        <!-- HTML5 Support for IE -->
        <script type="text/javascript" src="js/html5shiv.js"></script>
        <!-- Custom JS -->
        <script type="text/javascript" src="js/custom.js"></script>
    </body>	

</html>